<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/common.css">
    <script src="js/jquery-2.1.3.min.js"></script>
    <script src="js/main.js"></script>
</head>
<body>
<div class="main">
    <header>
        <nav id="head-nav">
            <a class="nav-link" href="#">Page1</a>
            <a class="nav-link" href="#">Page2</a>
            <a class="nav-link" href="#">Page3</a>
            <a class="nav-link" href="#">Page4</a>
            <a class="nav-link" href="#">Page5</a>
            <a class="nav-link" href="#">Page6</a>

            <div class="clear"></div>
        </nav>
    </header>
    <div class="content">


        <section id="post-content">

            <p class="text-post">
            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus sit amet ex lacinia, consequat nisl a,
                ullamcorper dui. Donec elit ligula, ornare nec tincidunt non, ullamcorper non nisl. Nullam ut suscipit
                justo. In hac habitasse platea dictumst. Maecenas sed sapien risus. Sed pretium justo vitae sapien vehicula
                varius. Nullam nulla libero, luctus sit amet mauris id, consectetur suscipit sapien. Cras tempor congue
                dolor vitae rhoncus. Nam mauris neque, semper egestas dictum id, vestibulum in diam. Praesent pellentesque
                turpis quis justo ullamcorper, vitae sollicitudin quam laoreet. Quisque in suscipit lectus.

                Phasellus turpis odio, vulputate vel metus et, rutrum accumsan odio. Nullam feugiat nisi risus, vel suscipit
                sem facilisis a. Pellentesque faucibus molestie sollicitudin. Maecenas bibendum nec dui nec tincidunt.
                Suspendisse potenti. Donec et quam risus. Maecenas a mollis sem. Curabitur scelerisque risus nisi, vel
                semper ex tincidunt vel. Etiam bibendum nibh a vehicula dapibus. Aenean vestibulum tortor eget tincidunt
                suscipit.

                Morbi faucibus lacus non laoreet venenatis. Morbi facilisis volutpat arcu ut volutpat. Fusce ac nulla et
                eros cursus vestibulum ut vel nibh. Pellentesque imperdiet vestibulum nisi, sit amet imperdiet est convallis
                id. Aliquam porta eu nunc quis ullamcorper. Quisque sed ultricies lectus, eu sollicitudin neque. Suspendisse
                sed enim lacinia felis pellentesque dapibus.

                Aliquam cursus interdum bibendum. Ut ut ante sed ligula convallis malesuada. Mauris consequat tellus at
                iaculis molestie. Vestibulum dictum semper augue vitae convallis. Cras sagittis sagittis accumsan. Proin a
                ultrices ante. Pellentesque consequat erat non purus faucibus eleifend. Etiam tempus metus ac lorem commodo
                gravida. Curabitur gravida metus eget suscipit lobortis. Interdum et malesuada fames ac ante ipsum primis in
                faucibus. Phasellus mattis nec nisl non sollicitudin. Suspendisse tincidunt facilisis nunc, sed mattis nunc
                bibendum at. Etiam consectetur rhoncus porta.

                Praesent pulvinar varius vestibulum. Phasellus fringilla suscipit odio vitae pretium. Nullam molestie diam
                at nisl condimentum, ut pharetra risus sodales. Etiam eget nisl fringilla magna sodales commodo mattis eu
                magna. Sed ac egestas mauris. Integer ut elit faucibus, tempor nibh molestie, feugiat libero. Sed vitae
                feugiat tortor. Proin a facilisis neque.

                Aliquam efficitur nec nibh a suscipit. In tempor molestie lobortis. Nulla eleifend a dolor eget consequat.
                Nam interdum at odio quis porta. Pellentesque elit nisi, scelerisque at fermentum a, dictum sed purus.
                Suspendisse rhoncus et arcu quis lobortis. Suspendisse feugiat laoreet dapibus. Etiam risus ex, maximus
                vitae tellus vitae, fermentum feugiat diam. Sed volutpat lectus ac efficitur blandit.

                Sed hendrerit turpis sit amet leo pulvinar, eget eleifend nibh viverra. Fusce ultrices neque nulla, in
                placerat leo fermentum et. Vestibulum condimentum nulla sit amet dui laoreet maximus. Integer at posuere
                justo, rutrum condimentum libero. Sed consequat, sem quis vehicula consectetur, turpis dolor mattis tellus,
                vel aliquet risus orci id arcu. Integer porta interdum ullamcorper. Duis molestie convallis pretium. Morbi
                dui eros, dapibus lacinia fringilla sit amet, tincidunt eget purus. Curabitur massa nisl, rutrum eu nulla
                quis, vestibulum condimentum nisl. Mauris egestas nibh sed iaculis porttitor. Fusce bibendum eros sit amet
                velit consectetur semper. Aliquam non maximus nulla, sed tristique libero. Proin tincidunt mi velit, id
                pellentesque libero mattis quis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
                inceptos himenaeos.

                Nunc nec convallis diam. Suspendisse fermentum tempor ex, tempor semper mauris rutrum in. Sed sed sem at mi
                vehicula congue et non velit. Mauris vehicula iaculis massa rhoncus dignissim. Curabitur eget nunc non mi
                placerat dapibus. Integer hendrerit, ex elementum tempus faucibus, odio augue interdum tellus, quis dictum
                tortor felis quis magna. Nunc mauris nibh, efficitur ac pharetra a, auctor sed nisl. Pellentesque posuere
                porttitor eros, maximus semper odio elementum tincidunt. Curabitur eget nisl sed quam blandit lobortis. In
                hac habitasse platea dictumst. Praesent ut urna aliquet, varius nisi at, euismod lacus. Morbi ultricies
                lectus dapibus, finibus diam vel, tempor tortor. Morbi cursus bibendum urna, vel varius nunc tincidunt
                vitae. Nullam maximus eget libero sed accumsan. Cras eget felis sed dui elementum blandit.

                Nunc congue nulla eu augue molestie, in blandit justo euismod. Sed in euismod nisl, nec luctus nulla. Mauris
                porta felis tincidunt tellus egestas commodo. Donec ullamcorper gravida porta. Nulla pharetra quis orci quis
                eleifend. Donec mollis a risus vitae auctor. Fusce rhoncus velit justo, vitae tristique lectus luctus nec.
                Mauris in ligula sem.

                Quisque ac ante magna. Donec pretium vel augue vel ornare. Mauris ornare iaculis sapien. Pellentesque odio
                enim, convallis rhoncus tortor sed, fermentum pellentesque sem. Fusce consequat magna eget sem bibendum
                luctus ut feugiat magna. Curabitur et sodales dui, quis volutpat dui. In ut odio at sem bibendum ornare at
                sed odio. In ut neque mauris. Integer rhoncus sapien fermentum sagittis ullamcorper. Nullam tincidunt mauris
                eget orci laoreet, sit amet iaculis nisl rutrum. Praesent lorem quam, congue at tellus eu, pulvinar
                venenatis lacus. Morbi quis metus nec sem iaculis malesuada.</p>

                <p style="text-align: center;cursor:pointer"><img id="img" src="img/awQLHv-0Ku0.jpg"></p>
            <table id="main-table" width="200">
                <tr>
                    <td><a href="#">1</a></td>
                    <td>2</td>
                    <td>3</td>
                    <td><a href="#">2</a></td>
                    <td>5</td>
                </tr>
                <tr>
                    <td>6</td>
                    <td><a href="#">7</a></td>
                    <td>8</td>
                    <td><a href="#">9</a></td>
                    <td>10</td>
                </tr>
                <tr>
                    <td>11</td>
                    <td>12</td>
                    <td>13</td>
                    <td><a href="#">14</a></td>
                    <td><a href="#">15</a></td>
                </tr>
                <tr>
                    <td><a href="#">16</a></td>
                    <td>17</td>
                    <td>18</td>
                    <td><a href="#">17</a></td>
                    <td>20</td>
                </tr>
                <tr>
                    <td>21</td>
                    <td>22</td>
                    <td>23</td>
                    <td>24</td>
                    <td>25</td>
                </tr>
            </table>

        </section>

        <aside id="right-nav-menu">
            <form>
                <p>
                    <input style="width: 150px" type="text" id="search" placeholder="Search">
                    <button id="butt-search">Search</button>
                </p>
            </form>
            <div id="post-link-wrapper">
                <div class="post-link">Post1</div>
                <div class="post-link">Post2</div>
                <div class="post-link">Post3</div>
                <div class="post-link">Post4</div>
                <div class="post-link">Post5</div>
                <div class="post-link">Post6</div>
                <div class="post-link">Post7</div>
                <div class="post-link">Post8</div>
                <div class="post-link">Post9</div>
                <div class="post-link">Post10</div>
                <div class="post-link">Post11</div>
                <div class="post-link">Post12</div>
                <div class="post-link">Post13</div>
            </div>
        </aside>
        <div class="clear"></div>
        <div style="text-align: center" id="test-outer"><button id="test-button">Test</button>
        </div>
    </div>
    <footer>
        <div id="foot-wrapper">
            <nav id="foot-nav">
                <a class="foot-link" href="#">Link1</a>
                <a class="foot-link" href="#">Link2</a>
                <a class="foot-link" href="#">Link3</a>
                <a class="foot-link" href="#">Link4</a>
                <a class="foot-link" href="#">Link5</a>
                <a class="foot-link" href="#">Link6</a>
            </nav>
        </div>
    </footer>
</div>
</body>
</html>